<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> 测试 </title>
        <style>
            html,body{ padding: 0;margin:0; }
            .header{ height: 100px; background-color: #555; }
            .body{ width: 1160px; position: absolute; top: 130px; left: 0px;right: 0px; margin: 0 auto; overflow: hidden;bottom: 0px; }
            .left{ width: 200px; float: left; background-color: #555; height: 500px; }
            .left div{ padding: 4px; border-radius: 4px; background-color: #f09; }
            .right{ width: 960px; float: left;height: 100%; }
            iframe{ height: 100%; }
        </style>
        <script>
            window.addEventListener("message", receiveMessage, false);

            function receiveMessage(event) {
                var origin = event.origin || event.originalEvent.origin; // For Chrome, the origin property is in the event.originalEvent object.
                console.log(event);
            }
        </script>
    </head>
    <body>
        <div class="header"></div>
        <div class="body">
            <div class="left">
                <div onclick="document.getElementById('iframe').src = 'https://embed.chidaoni.com/koubei/coupon?auth_type=pay_member&auth_code=4e14f9e12cf34d2ea6ac6670570ddX67'">菜品营销</div>
            </div>
            <div class="right">
                <iframe id="iframe"
                    src=""
                    frameborder="0"
                    frameborder="0"
                    scrolling="no"
                    width="960"
                    height="100%"></iframe>
            </div>
        </div>
    </body>
</html>